@layout("/common/_container.html",{js:["/assets/order/orderTransport/orderTransportQuery.js"]}){

<!--<script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>-->
<script src="/assets/excel/xlsx.full.min.js"></script>


<div class="layui-body-header">
    <span class="layui-body-header-title">Outbound Order Query</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
		                    <div class="layui-inline">
		                        <select id="tstate">
                            <option value="">Select Status</option>
                            <option value="待调">PENDING_DISPATCH</option>
                            <option value="已发运">SHIPPED_OUT</option>
                            <option value="已完成">COMPLETED</option>
                            <option value="作废">VOID</option>
                        </select>
		                    </div>
		                    <div class="layui-inline">
		                        <select id="operateId">
		                            <option value="">Select Operation</option>
		                            @for(item in basicOperatelist!){
		                            <option value="${item.id}">${item.operateName}</option>
		                            @}
		                        </select>
		                    </div>
		                    <div class="layui-inline">
		                        <select id="customerId">
		                            <option value="">Select Customer</option>
		                            @for(item in basicCustomerList!){
		                            <option value="${item.id}">${item.customerName}</option>
		                            @}
		                        </select>
		                    </div>
		                    <div class="layui-inline" style="width: 150px;">
		                        <input id="startTime" class="layui-input" type="text" autocomplete="off" placeholder="Order Date From"/>
		                    </div>
                            <div class="layui-inline">
                            	一
                            </div>
		                    <div class="layui-inline" style="width: 150px;">
		                        <input id="endTime" class="layui-input" type="text" autocomplete="off" placeholder="Order Date To"/>
		                    </div>
		                    <div class="layui-inline" style="width: 150px;">
		                        <input id="startTime2" class="layui-input" type="text" autocomplete="off" placeholder="Shipment Date From"/>
		                    </div>
                            <div class="layui-inline">
                            	一
                            </div>
		                    <div class="layui-inline" style="width: 150px;">
		                        <input id="endTime2" class="layui-input" type="text" autocomplete="off" placeholder="Shipment Date To"/>
		                    </div>
				            <div class="layui-inline">
                        <input id="condition" class="layui-input" type="text" placeholder="Transport Order No., Customer Order No."/>
                    </div>
				            <div class="layui-inline">
                        <input id="getUnit" class="layui-input" type="text" placeholder="Receiving Unit"/>
                    </div>
				            <div class="layui-inline">
						        <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
								@if(shiro.hasPermission("/orderTransport/export")){
								<button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>Export</button>
								@}
								<button id="btnRevoke" class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe9aa;</i>Batch revoke</button>
                        <button id="btnDelete" class="layui-btn layui-btn-danger"><i class="layui-icon">&#xe640;</i>Batch Delete</button>
				            </div>
                        </div>
                    </div>
                    <table class="layui-table" id="orderTransportTable" lay-filter="orderTransportTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>

<input id="transportNumber" type="hidden">


<script type="text/html" id="customerOrderTpl">
  {{#  if(d.customerOrder != '' && d.customerOrder != null){ }}
    <i class="layui-icon" lay-event="detailedSign" style="color: #2b85e4;">&#xe615;</i><span>{{ d.customerOrder }}</span>
  {{#  } }}
</script>
<script type="text/html" id="transportNumberTpl">
  {{#  if(d.transportNumber != '' && d.transportNumber != null){ }}
    <i class="layui-icon" lay-event="huoyundetailedSign" style="color: #2b85e4;">&#xe615;</i><span>{{ d.transportNumber }}</span>
  {{#  } }}
</script>

<script type="text/html" id="tableBar">
    {{#  if(d.tstate === 'VOID' ){ }}
    	<a class="layui-btn layui-btn-normal layui-btn-xs" style="font-size: 7px;" lay-event="launch" id="launch">Launch</a>
    {{#  }else if(d.tstate === 'PENDING_DISPATCH'){ }}
    	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="revoke" id="revoke">REVOKE</a>
    {{#   } }}
</script>

@}